<template>
  <div>
    <!-- <bannerSlide :banner="banner"></bannerSlide> -->
    <CarouselComponent :bannerList="banner" :height="'360px'"></CarouselComponent>
    <div>
      <div class="container main">
        <div>
          <router-view/>
        </div>

      </div>
    </div>
  </div>
</template>

<script>
  import bannerSlide from '../../../views/polityPage/bannerSlide.vue';
  import CarouselComponent from '../../../views/localPage/CarouselComponent.vue';
  import Home from './Home'

  export default {
    name: "PersonnelService",
    components:{bannerSlide,Home,CarouselComponent},
    data(){
      return{
        banner:['../../../static/images/banner_polityService.png','../../../static/images/banner_polityService.png','../../../static/images/banner_polityService.png',],//传给轮播组件的图片路径,
      }
    },
    methods: {

    }
  }
</script>

<style scoped>
  .main{
    padding: 50px 20px 150px;

  }
  .element-tabs{
    margin-top: 80px;
  }
  .element-tabs .el-tabs__item{
    font-size: 24px;

  }
</style>
